{% extends "myapp/hat.html" %}
{% load static %}
{% block content %}

<script src="https://use.fontawesome.com/27c34d562b.js"></script>

<link href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap4.min.css" rel="stylesheet">

<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="{%  static 'myapp/css/bootstrap-treefy.css' %}"/>
<link rel="stylesheet" href="{%  static 'myapp/css/dhtmlxgantt.css' %}"/>
<script src="{%  static 'myapp/js/bootstrap-treefy.js' %}"></script>

<script src="{%  static 'myapp/js/javascript.js' %}"></script>

<body>
<form action="{% url "uploading" %}" method="post" enctype="multipart/form-data">
            {% csrf_token %}
            <input type="file"
                   title="Upload excel file"
                   name="excel_file"
                   style="border: 1px solid black; padding: 5px;"
                   required="required">
            <p>
            <input type="submit"
                   value="Upload"
                   style="border: 1px solid green; padding:5px; border-radius: 2px; cursor: pointer;">
        </form>

</body>
</html>

{% endblock %}